<template>
  <!-- 第一遍效果图十大品牌的footer，十大品牌出口过于单一所以先留着header，footer -->
  <!-- 第一遍效果图十大品牌的footer，十大品牌出口过于单一所以先留着header，footer -->
  <!-- 第一遍效果图十大品牌的footer，十大品牌出口过于单一所以先留着header，footer -->
  <div class="footer-box">
    <div class="footer-con">
      <div class="con1">
        <img src="../../../../assets/img/common/logo0.png" alt="">
        <ul>
          <li>
            <router-link to="/login">新手指南</router-link>
            <router-link to="/login">用户登录</router-link>
            <router-link to="/login">用户注册</router-link>
          </li>
          <li>
            <router-link to="/login">品牌商服务</router-link>
            <router-link to="/login">品牌大全</router-link>
            <router-link to="/login">品牌招商</router-link>
            <router-link to="/login">品牌推荐</router-link>
            <router-link to="/login">品牌榜单</router-link>
          </li>
          <li>
            <router-link to="/login">新闻资讯</router-link>
            <router-link to="/login">行业资讯</router-link>
            <router-link to="/login">品牌资讯</router-link>
            <router-link to="/login">政策法规</router-link>
          </li>
          <li>
            <router-link to="/login">联系我们</router-link>
            <router-link to="/login">联系电话：400-8966-666</router-link>
            <router-link to="/login">邮箱：shanzhouwangluo@qq.com</router-link>
            <router-link to="/login">地址：河北省石家庄市长安区嘉和广场4号楼20层</router-link>
          </li>
          <li>
            <router-link to="/login">友情链接</router-link>
            <router-link to="/login">山舟网络官网</router-link>
            <router-link to="/login">阿里巴巴集团</router-link>
            <router-link to="/login">腾讯科技</router-link>
            <router-link to="/login">百度搜索</router-link>
          </li>
        </ul>
      </div>
      <a href="javascript:;" class="icp">京iCP备Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin</a>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {}
  },
  created() {}
}
</script>

<style lang="scss" scoped>
.footer-box{
  width:100%;
  min-width: 1200px;
  background-color: #1C1C1C;
  -background: rgba(255,255,255,.2) url('../../../../assets/img/footer/footer-bg.png') no-repeat scroll center center;
  >.footer-con{
    width: 1200px;
    margin: 0 auto;
    padding-top: 54px;
    padding-bottom: 41px;
    margin-bottom: 24px;
    >.con1{
      width: 100%;
      display: flex;
      flex-flow: row nowrap;
      border-bottom: 1px solid rgba(255,255,255,.2);
      margin-bottom: 24px;
      >img{
        display: block;
        height: 48px;
      }
      >ul{
        padding-top: 4px;
        padding-left: 99px;
        padding-bottom: 24px;
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        font-size: 12px;
        >li{
          padding-right: 80px;
          >a{
            color: #FFF;
            display: block;
            margin-bottom: 10px;
          }
          >a:first-child{
            margin-bottom: 20px;
          }
        }
      }
    }
    >a{
      display: inline-block;
      width: 100%;
      text-align: center;
      font-size: 14px;
      color: #FFF;
    }
  }
}
</style>

